import { Space, Avatar, Badge } from "antd";
const View = () => {
    return (
        <>
            <h1>Badge</h1>
            <Space size={10}>
                <Badge count={5}>
                    <Avatar size={40} />
                </Badge>
                <Badge count={0} showZero>
                    <Avatar shape='square' size='large' />
                </Badge>
                <a href='#'>
                    <Badge count={5}>
                        <Avatar shape='square' size='large' />
                    </Badge>
                </a>
            </Space>
        </>
    );
};

export default View;
